/* 
* Copyright (c) 2021-2023 Alibaba Cloud Computing Ltd. 
* SPDX-License-Identifier: MulanPSL-2.0 
*/ 
import React from 'react';
import { useClientSize } from '@/uitls/uitls';
import { Outlet } from '@umijs/max';
import styles from './index.less';

export default () => {

  const { width } = useClientSize()
  const marginLeft = React.useMemo(()=> {
    if (width > 1280) {
      return (width - 1280) / 2
    }
    return 'unset'
  }, [width])

  return (
    <div className={styles.list_root} style={{ marginLeft }}>
      <div className={styles.content}>
        {/* {props.children} */}
        <Outlet />
      </div>
    </div>
  );
};
